<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml"> 
            <style type="text/css">
                .ui-datepicker{
                    font-size: 9pt;
                }
                .ui-button{
                    font-size: 12pt;           
                } 
      
            </style>
            <ui:define name="toolbar">
                <h:form id="formToolbarClienteEmpresa" >
                    <ui:include src="/WEB-INF/templates/toolbarCliente.xhtml"/>
                </h:form> 
            </ui:define>      
            <ui:define name="body"> 
                <h:outputText value="Ingrese los siguientes Datos:" style="font-size: 15px; font-weight: bold;position: absolute; left: 15px;top:14px" /> 
                <p:separator style="left: 15px; top:24px; position: absolute; width: 550px" />
                <br/>
                <p:panel id="panelClientePersonaEmpresa" widgetVar="panel" visible="true" style="border-width: 0px; left: 0px;"  >
                <h:form id="formIngresoClienteEmpresa">
                        <p:panel id="panelLabel"  style="left: 15px; top:42px;width: 130px; height: 325px; position: absolute" >
                            <h:outputText id="labelNumeroClienteEmpresa" style="vertical-align: middle;text-align: right ; height: 20px ;width: 110px;font-weight: bold;left: 15px; top: 15px;position: absolute ;  font-size: 12px" value="Cliente Numero:"/>
                            <h:outputText id="labelRucClienteEmpresa" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 45px; position: absolute; font-size: 12px "      value="* RUC:"/>
                            <h:outputText id="labelNombreClienteEmpresa" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 75px; position: absolute; font-size: 12px "    value="* Razón Social:"/>
                            <h:outputText id="labelRepresentanteClienteEmpresa" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 97px; position: absolute; font-size: 12px "    value="* Nombre Representante:"/>
                            <h:outputText id="labelDireccionClienteEmpresa" style="vertical-align: middle;text-align: right;height: 20px ; width: 110px;font-weight: bold;left: 15px; top: 135px; position: absolute; font-size: 12px " value="* Dirección:"/>
                            <h:outputText id="labelTelefonoClienteEmpresa" style="vertical-align: middle;text-align: right; height: 20px;width: 110px;font-weight: bold;left: 15px; top: 165px; position: absolute; font-size: 12px "  value="* Teléfono Fijo:"/>
                            <h:outputText id="labelCelularClienteEmpresa" style="vertical-align: middle;text-align: right; height: 20px ;width: 110px;font-weight: bold;left: 15px; top: 195px; position: absolute; font-size: 12px "   value="* Teléfono Celular:"/>
                            <h:outputText id="labelPrioridadClienteEmpresa" style="vertical-align: middle;text-align: right; height: 20px ;width: 110px;font-weight: bold;left: 15px; top: 225px; position: absolute; font-size: 12px "   value="* Prioridad Cliente:"/>
                            <h:outputText id="labelFechaClienteEmpresa" style="vertical-align: middle;text-align: right; height: 20px;width: 110px;font-weight: bold;left: 15px; top: 255px; position: absolute; font-size: 12px "     value="* Fecha Ingreso:" />
                        </p:panel>
                        <p:inputText binding="#{clienteWeb.textNumeroCliente}" id="textNumeroClienteEmpresa"  disabled="true" style="width: 150px;left: 160px; top:52px; position: absolute; font-size: 12px "/>
                        <p:inputText binding="#{clienteWeb.textRUCCliente}" id="textRucClienteEmpresa" validatorMessage="Ingrese solamente numeros" maxlength="15"  requiredMessage="Ingrese RUC" style="width: 150px;left: 160px; top:82px; position: absolute; font-size: 12px ">
                            <f:validateRegex pattern="[0-9 ]*"  />
                        </p:inputText>
                        <p:inputText binding="#{clienteWeb.textNombreEmpresa}" id="textNombreClienteEmpresa" requiredMessage="Ingrese nombre de empresa" style="width: 400px;left: 160px; top:112px; position: absolute; font-size: 12px " />
                        <p:inputText binding="#{clienteWeb.textRepresentante}" id="textRepresentanteClienteEmpresa" requiredMessage="Ingrese nombre del representante" style="width: 400px;left: 160px; top:142px; position: absolute; font-size: 12px " />
                        <p:inputText binding="#{clienteWeb.textDireccionCliente}" id="textDireccionClienteEmpresa" requiredMessage="Ingrese dirección" style="width: 400px;left: 160px; top:172px; position: absolute; font-size: 12px " />
                        <p:inputText binding="#{clienteWeb.textTelefonoCliente}" id="textTelefonoClienteEmpresa" validatorMessage="Ingrese solamente numeros"  requiredMessage="Ingrese numero de teléfono" style="width: 150px;left: 160px; top:202px; position: absolute; font-size: 12px ">
                            <f:validateRegex pattern="[0-9 ]*"  />
                        </p:inputText>
                        <p:inputText binding="#{clienteWeb.textCelularCliente}" id="textCelularClienteEmpresa" validatorMessage="Ingrese solamente numeros"  requiredMessage="Ingrese numero celular" style="width: 150px;left: 160px; top:232px; position: absolute; font-size: 12px " >
                            <f:validateRegex pattern="[0-9 ]*"  />
                        </p:inputText>
                        <h:selectOneMenu binding="#{clienteWeb.comboPrioridadClienteEmpresa}" id="comboPrioridadClienteEmpresa"  title="1/10 es la prioridad más alta" requiredMessage="Seleccione la prioridad para el cliente" style="width: 130px;left: 160px; top:264px; position: absolute; font-size: 12px " >
                            <f:selectItems value="#{clienteWeb.cargaCombo()}" />
                            
                        </h:selectOneMenu>
                        <p:calendar binding="#{clienteWeb.calFechaIngresoCliente}" id="textFechaClienteEmpresa" requiredMessage="Ingrese la fecha" size="10" showOn="button" navigator="true" mode="popup"  pattern="yyyy-MM-dd" style="left: 160px; top:294px; position: absolute; font-size: 9pt"  />
                        <h:inputHidden binding="#{clienteWeb.hiddenPersonaEmpresa}" id="hiddenTextEmpresa" value="E"/>
                        <p:separator style="left: 160px; top:322px; position: absolute; width: 400px" />
                        <p:commandButton id="botonGuardarClienteEmpresa" ajax="false" type="Submit" value="Guardar" actionListener="#{clienteWeb.clicBotonIngresarCliente()}" style="font-size: 12px ;left: 160px; top: 339px; width: 120px; position: absolute" icon="ui-icon-disk"  />
                        <p:commandButton id="botonBorrarClienteEmpresa" ajax="false" value="Borrar Datos"  actionListener="#{clienteWeb.borrarDatos()}" type="submit" update="@this" style="font-size: 12px ;left: 290px; top: 339px; position: absolute; width: 120px" icon="ui-icon-trash" />
                </h:form>
                </p:panel>
                <p:confirmDialog message="" binding="#{clienteWeb.confirmDialogoClientePersona}" id="diaglogoClienteEmpresa"  header="" widgetVar="confirmDialogoClienteEmpresa"   >                    
                </p:confirmDialog>
            </ui:define>
        </ui:composition>
    </body>
</html>